﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title></title>
</head>
<body>
    <div class="ui-jqgrid-view" id="gview_list2" style="width: 670px;">
        <div class="ui-jqgrid-titlebar ui-widget-header ui-corner-top ui-helper-clearfix">
            <a href="javascript:void(0)" role="link" class="ui-jqgrid-titlebar-close HeaderButton"
                style="right: 0px;"><span class="ui-icon ui-icon-circle-triangle-n"></span></a>
            <span class="ui-jqgrid-title">JSON Example</span></div>
        <div style="width: 670px;" class="ui-state-default ui-jqgrid-hdiv">
            <div class="ui-jqgrid-hbox">
                <table cellspacing="0" cellpadding="0" border="0" aria-labelledby="gbox_list2" role="grid"
                    style="width: 652px;" class="ui-jqgrid-htable">
                    <thead>
                        <tr role="rowheader" class="ui-jqgrid-labels">
                            <th class="ui-state-default ui-th-column ui-th-ltr" role="columnheader" id="list2_id"
                                style="width: 53px;">
                                <span class="ui-jqgrid-resize ui-jqgrid-resize-ltr" style="cursor: col-resize;">&nbsp;</span><div
                                    id="jqgh_list2_id" class="ui-jqgrid-sortable">
                                    Inv No<span style="" class="s-ico"><span class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"
                                        sort="asc"></span><span class="ui-grid-ico-sort ui-icon-desc ui-icon ui-icon-triangle-1-s ui-sort-ltr"
                                            sort="desc"></span></span></div>
                            </th>
                            <th class="ui-state-default ui-th-column ui-th-ltr" role="columnheader" id="list2_invdate"
                                style="width: 87px;">
                                <span class="ui-jqgrid-resize ui-jqgrid-resize-ltr" style="cursor: col-resize;">&nbsp;</span><div
                                    id="jqgh_list2_invdate" class="ui-jqgrid-sortable">
                                    Date<span style="display: none" class="s-ico"><span class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"
                                        sort="asc"></span><span class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr"
                                            sort="desc"></span></span></div>
                            </th>
                            <th class="ui-state-default ui-th-column ui-th-ltr" role="columnheader" id="list2_name"
                                style="width: 97px;">
                                <span class="ui-jqgrid-resize ui-jqgrid-resize-ltr" style="cursor: col-resize;">&nbsp;</span><div
                                    id="jqgh_list2_name" class="ui-jqgrid-sortable">
                                    Client<span style="display: none" class="s-ico"><span class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"
                                        sort="asc"></span><span class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr"
                                            sort="desc"></span></span></div>
                            </th>
                            <th class="ui-state-default ui-th-column ui-th-ltr" role="columnheader" id="list2_amount"
                                style="width: 78px;">
                                <span class="ui-jqgrid-resize ui-jqgrid-resize-ltr" style="cursor: col-resize;">&nbsp;</span><div
                                    id="jqgh_list2_amount" class="ui-jqgrid-sortable">
                                    Amount<span style="display: none" class="s-ico"><span class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"
                                        sort="asc"></span><span class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr"
                                            sort="desc"></span></span></div>
                            </th>
                            <th class="ui-state-default ui-th-column ui-th-ltr" role="columnheader" id="list2_tax"
                                style="width: 78px;">
                                <span class="ui-jqgrid-resize ui-jqgrid-resize-ltr" style="cursor: col-resize;">&nbsp;</span><div
                                    id="jqgh_list2_tax" class="ui-jqgrid-sortable">
                                    Tax<span style="display: none" class="s-ico"><span class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"
                                        sort="asc"></span><span class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr"
                                            sort="desc"></span></span></div>
                            </th>
                            <th class="ui-state-default ui-th-column ui-th-ltr" role="columnheader" id="list2_total"
                                style="width: 78px;">
                                <span class="ui-jqgrid-resize ui-jqgrid-resize-ltr" style="cursor: col-resize;">&nbsp;</span><div
                                    id="jqgh_list2_total" class="ui-jqgrid-sortable">
                                    Total<span style="display: none" class="s-ico"><span class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"
                                        sort="asc"></span><span class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr"
                                            sort="desc"></span></span></div>
                            </th>
                            <th class="ui-state-default ui-th-column ui-th-ltr" role="columnheader" id="list2_note"
                                style="width: 146px;">
                                <span class="ui-jqgrid-resize ui-jqgrid-resize-ltr" style="cursor: col-resize;">&nbsp;</span><div
                                    id="jqgh_list2_note" class="ui-jqgrid-sortable">
                                    Notes<span style="display: none" class="s-ico"><span class="ui-grid-ico-sort ui-icon-asc ui-state-disabled ui-icon ui-icon-triangle-1-n ui-sort-ltr"
                                        sort="asc"></span><span class="ui-grid-ico-sort ui-icon-desc ui-state-disabled ui-icon ui-icon-triangle-1-s ui-sort-ltr"
                                            sort="desc"></span></span></div>
                            </th>
                        </tr>
                    </thead>
                </table>
            </div>
        </div>
        <div class="ui-jqgrid-bdiv" style="height: 150px; width: 670px;">
            <div style="position: relative;">
                <div>
                </div>
                <table cellspacing="0" cellpadding="0" border="0" id="list2" tabindex="1" role="grid"
                    aria-multiselectable="false" aria-labelledby="gbox_list2" class="ui-jqgrid-btable"
                    style="width: 652px;">
                    <tbody>
                        <tr style="height: auto;" role="row" class="jqgfirstrow">
                            <td style="height: 0px; width: 53px;" role="gridcell">
                            </td>
                            <td style="height: 0px; width: 87px;" role="gridcell">
                            </td>
                            <td style="height: 0px; width: 97px;" role="gridcell">
                            </td>
                            <td style="height: 0px; width: 78px;" role="gridcell">
                            </td>
                            <td style="height: 0px; width: 78px;" role="gridcell">
                            </td>
                            <td style="height: 0px; width: 78px;" role="gridcell">
                            </td>
                            <td style="height: 0px; width: 146px;" role="gridcell">
                            </td>
                        </tr>
                        <tr class="ui-widget-content jqgrow ui-row-ltr" role="row" tabindex="-1" id="13">
                            <td aria-describedby="list2_id" title="13" style="" role="gridcell">
                                13
                            </td>
                            <td aria-describedby="list2_invdate" title="2007-10-06" style="" role="gridcell">
                                2007-10-06
                            </td>
                            <td aria-describedby="list2_name" title="Client 3" style="" role="gridcell">
                                Client 3
                            </td>
                            <td aria-describedby="list2_amount" title="1000.00" style="text-align: right;" role="gridcell">
                                1000.00
                            </td>
                            <td aria-describedby="list2_tax" title="0.00" style="text-align: right;" role="gridcell">
                                0.00
                            </td>
                            <td aria-describedby="list2_total" title="1000.00" style="text-align: right;" role="gridcell">
                                1000.00
                            </td>
                            <td aria-describedby="list2_note" title="" style="" role="gridcell">
                                &nbsp;
                            </td>
                        </tr>
                        <tr class="ui-widget-content jqgrow ui-row-ltr" role="row" tabindex="-1" id="12">
                            <td aria-describedby="list2_id" title="12" style="" role="gridcell">
                                12
                            </td>
                            <td aria-describedby="list2_invdate" title="2007-10-06" style="" role="gridcell">
                                2007-10-06
                            </td>
                            <td aria-describedby="list2_name" title="Client 2" style="" role="gridcell">
                                Client 2
                            </td>
                            <td aria-describedby="list2_amount" title="700.00" style="text-align: right;" role="gridcell">
                                700.00
                            </td>
                            <td aria-describedby="list2_tax" title="140.00" style="text-align: right;" role="gridcell">
                                140.00
                            </td>
                            <td aria-describedby="list2_total" title="840.00" style="text-align: right;" role="gridcell">
                                840.00
                            </td>
                            <td aria-describedby="list2_note" title="" style="" role="gridcell">
                                &nbsp;
                            </td>
                        </tr>
                        <tr class="ui-widget-content jqgrow ui-row-ltr" role="row" tabindex="-1" id="11">
                            <td aria-describedby="list2_id" title="11" style="" role="gridcell">
                                11
                            </td>
                            <td aria-describedby="list2_invdate" title="2007-10-06" style="" role="gridcell">
                                2007-10-06
                            </td>
                            <td aria-describedby="list2_name" title="Client 1" style="" role="gridcell">
                                Client 1
                            </td>
                            <td aria-describedby="list2_amount" title="600.00" style="text-align: right;" role="gridcell">
                                600.00
                            </td>
                            <td aria-describedby="list2_tax" title="120.00" style="text-align: right;" role="gridcell">
                                120.00
                            </td>
                            <td aria-describedby="list2_total" title="720.00" style="text-align: right;" role="gridcell">
                                720.00
                            </td>
                            <td aria-describedby="list2_note" title="" style="" role="gridcell">
                                &nbsp;
                            </td>
                        </tr>
                        <tr class="ui-widget-content jqgrow ui-row-ltr" role="row" tabindex="-1" id="10">
                            <td aria-describedby="list2_id" title="10" style="" role="gridcell">
                                10
                            </td>
                            <td aria-describedby="list2_invdate" title="2007-10-06" style="" role="gridcell">
                                2007-10-06
                            </td>
                            <td aria-describedby="list2_name" title="Client 2" style="" role="gridcell">
                                Client 2
                            </td>
                            <td aria-describedby="list2_amount" title="100.00" style="text-align: right;" role="gridcell">
                                100.00
                            </td>
                            <td aria-describedby="list2_tax" title="20.00" style="text-align: right;" role="gridcell">
                                20.00
                            </td>
                            <td aria-describedby="list2_total" title="120.00" style="text-align: right;" role="gridcell">
                                120.00
                            </td>
                            <td aria-describedby="list2_note" title="" style="" role="gridcell">
                                &nbsp;
                            </td>
                        </tr>
                        <tr class="ui-widget-content jqgrow ui-row-ltr" role="row" tabindex="-1" id="9">
                            <td aria-describedby="list2_id" title="9" style="" role="gridcell">
                                9
                            </td>
                            <td aria-describedby="list2_invdate" title="2007-10-06" style="" role="gridcell">
                                2007-10-06
                            </td>
                            <td aria-describedby="list2_name" title="Client 1" style="" role="gridcell">
                                Client 1
                            </td>
                            <td aria-describedby="list2_amount" title="200.00" style="text-align: right;" role="gridcell">
                                200.00
                            </td>
                            <td aria-describedby="list2_tax" title="40.00" style="text-align: right;" role="gridcell">
                                40.00
                            </td>
                            <td aria-describedby="list2_total" title="240.00" style="text-align: right;" role="gridcell">
                                240.00
                            </td>
                            <td aria-describedby="list2_note" title="" style="" role="gridcell">
                                &nbsp;
                            </td>
                        </tr>
                        <tr class="ui-widget-content jqgrow ui-row-ltr" role="row" tabindex="-1" id="8">
                            <td aria-describedby="list2_id" title="8" style="" role="gridcell">
                                8
                            </td>
                            <td aria-describedby="list2_invdate" title="2007-10-06" style="" role="gridcell">
                                2007-10-06
                            </td>
                            <td aria-describedby="list2_name" title="Client 3" style="" role="gridcell">
                                Client 3
                            </td>
                            <td aria-describedby="list2_amount" title="200.00" style="text-align: right;" role="gridcell">
                                200.00
                            </td>
                            <td aria-describedby="list2_tax" title="0.00" style="text-align: right;" role="gridcell">
                                0.00
                            </td>
                            <td aria-describedby="list2_total" title="200.00" style="text-align: right;" role="gridcell">
                                200.00
                            </td>
                            <td aria-describedby="list2_note" title="" style="" role="gridcell">
                                &nbsp;
                            </td>
                        </tr>
                        <tr class="ui-widget-content jqgrow ui-row-ltr" role="row" tabindex="-1" id="7">
                            <td aria-describedby="list2_id" title="7" style="" role="gridcell">
                                7
                            </td>
                            <td aria-describedby="list2_invdate" title="2007-10-05" style="" role="gridcell">
                                2007-10-05
                            </td>
                            <td aria-describedby="list2_name" title="Client 2" style="" role="gridcell">
                                Client 2
                            </td>
                            <td aria-describedby="list2_amount" title="120.00" style="text-align: right;" role="gridcell">
                                120.00
                            </td>
                            <td aria-describedby="list2_tax" title="12.00" style="text-align: right;" role="gridcell">
                                12.00
                            </td>
                            <td aria-describedby="list2_total" title="134.00" style="text-align: right;" role="gridcell">
                                134.00
                            </td>
                            <td aria-describedby="list2_note" title="" style="" role="gridcell">
                                &nbsp;
                            </td>
                        </tr>
                        <tr class="ui-widget-content jqgrow ui-row-ltr" role="row" tabindex="-1" id="6">
                            <td aria-describedby="list2_id" title="6" style="" role="gridcell">
                                6
                            </td>
                            <td aria-describedby="list2_invdate" title="2007-10-05" style="" role="gridcell">
                                2007-10-05
                            </td>
                            <td aria-describedby="list2_name" title="Client 1" style="" role="gridcell">
                                Client 1
                            </td>
                            <td aria-describedby="list2_amount" title="50.00" style="text-align: right;" role="gridcell">
                                50.00
                            </td>
                            <td aria-describedby="list2_tax" title="10.00" style="text-align: right;" role="gridcell">
                                10.00
                            </td>
                            <td aria-describedby="list2_total" title="60.00" style="text-align: right;" role="gridcell">
                                60.00
                            </td>
                            <td aria-describedby="list2_note" title="" style="" role="gridcell">
                                &nbsp;
                            </td>
                        </tr>
                        <tr class="ui-widget-content jqgrow ui-row-ltr" role="row" tabindex="-1" id="5">
                            <td aria-describedby="list2_id" title="5" style="" role="gridcell">
                                5
                            </td>
                            <td aria-describedby="list2_invdate" title="2007-10-05" style="" role="gridcell">
                                2007-10-05
                            </td>
                            <td aria-describedby="list2_name" title="Client 3" style="" role="gridcell">
                                Client 3
                            </td>
                            <td aria-describedby="list2_amount" title="100.00" style="text-align: right;" role="gridcell">
                                100.00
                            </td>
                            <td aria-describedby="list2_tax" title="0.00" style="text-align: right;" role="gridcell">
                                0.00
                            </td>
                            <td aria-describedby="list2_total" title="100.00" style="text-align: right;" role="gridcell">
                                100.00
                            </td>
                            <td aria-describedby="list2_note" title="no tax at all" style="" role="gridcell">
                                no tax at all
                            </td>
                        </tr>
                        <tr class="ui-widget-content jqgrow ui-row-ltr" role="row" tabindex="-1" id="4">
                            <td aria-describedby="list2_id" title="4" style="" role="gridcell">
                                4
                            </td>
                            <td aria-describedby="list2_invdate" title="2007-10-04" style="" role="gridcell">
                                2007-10-04
                            </td>
                            <td aria-describedby="list2_name" title="Client 3" style="" role="gridcell">
                                Client 3
                            </td>
                            <td aria-describedby="list2_amount" title="150.00" style="text-align: right;" role="gridcell">
                                150.00
                            </td>
                            <td aria-describedby="list2_tax" title="0.00" style="text-align: right;" role="gridcell">
                                0.00
                            </td>
                            <td aria-describedby="list2_total" title="150.00" style="text-align: right;" role="gridcell">
                                150.00
                            </td>
                            <td aria-describedby="list2_note" title="no tax" style="" role="gridcell">
                                no tax
                            </td>
                        </tr>
                    </tbody>
                </table>
            </div>
        </div>
    </div>
</body>
</html>
